//select table
$("#selectable")
		.selectable(
				{
					stop : function() {
						var result = $("#select-result").empty();
						var del = "";
						var editid = "";
						var i = 0;
						result.append(" &nbsp;&nbsp;\u5171\u6709\u7b2c");
						$(".ui-selected", this).each( function() {
							i = i + 1;
							var index = $("#selectable li").index(this);
							del = del + $(this).attr("id") + ","
							editid = $(this).attr("id");
							result.append(" #" + (index + 1));
						});
						del = del + "-1"
						result
								.append(" \u88ab\u9009\u4e2d <a id='del' style='cursor:pointer;' >\u5220\u9664</a>");
						if (i == 1) {
							result
									.append("   <a id='editbutton'  style='cursor:pointer;' >\u7f16\u8f91</a>");
							$("#editbutton").click( function() {
								$.post("../config-edit/", {
									id :editid
								}, function(data, textStatus) {
									$('#addconfigform').dialog('open');
									$("#input4").val(data.id);
									$("#input1").val(data.centerKey);
									$("#input2").val(data.centerValue);
									$("#input3").val(data.centerInfo);
								}, "json");
							});
						}
						$("#del").click( function() {
							$.post("../config-del/", {
								ids :del
							}, function(data) {
								// alert(data);
									// need reload list
									window.location.reload();
								});
						});
						setTimeout( function() {
							$("#effect:hidden").removeAttr('style').hide()
									.fadeIn();
						}, 1000);
					}
				})
// double click function
$("body").dblclick( function() {
	$('#addconfigform').dialog('open');
})
$("#select-result").dblclick( function() {
	$('#addconfigform').dialog('open');
})
// add new msg dialog
$("#addconfigform")
		.dialog(
				{
					bgiframe :true,
					autoOpen :false,
					height :300,
					modal :true,
					buttons : {
						'提交' : function() {
							var bValid = true;
							$("#input1").removeClass('ui-state-error');
							$("#validateTips1").text("");
							if (($("#input1").val()).length < 1) {
								$("#validateTips1").text(
										"key\u5fc5\u987b\u8981\u6dfb").effect(
										"highlight", {}, 1500);
								$("#input1").addClass('ui-state-error');
								bValid = false;
							}
							if (($("#input1").val()).length > 48) {
								$("#validateTips1")
										.text(
												"key\u7684\u957f\u5ea6\u572848\u4e2a\u5b57\u7b26\u4ee5\u5185")
										.effect("highlight", {}, 1500);
								$("#input1").addClass('ui-state-error');
								bValid = false;
							}
							if (bValid) {
								$.post("../config-add/", {
									key :$('#input1').val(),
									value :$('#input2').val(),
									info :$('#input3').val(),
									id :$('#input4').val()
								}, function(data) {
									$("#validateTips1").text(data).effect(
											"highlight", {}, 1500);
									if ($("#input4").val().length < 1) {
										$("#input1").val('');
										$("#input2").val('');
										$("#input3").val('');
									}
									// send message ti user
									})
								// $(this).dialog('close');
							}
						},
						Cancel : function() {
							window.location.reload();
						}
					},
					close : function() {
						window.location.reload();
					}
				});